<template>
  <div>
    <dic-row class="ne-col2-gutter-15" v-if="mode==1">
      <dic-col
        :span="12"
        class="line ne-relative ne-border-bold ne-padding-t-20"
      >
        <slot name="left" style="height: 300px"
          ><p style="height: 300px">A端</p></slot
        >
        <div class="ne-bg ne-bg-top"></div>
        <div class="ne-bg ne-bg-bottom"></div>
      </dic-col>
      <dic-col
        :span="12"
        class="line ne-relative ne-border-bold ne-padding-t-20"
      >
        <slot name="right" style="height: 300px"
          ><p style="height: 300px">B端</p></slot
        >
        <div class="ne-bg ne-bg-top"></div>
        <div class="ne-bg ne-bg-bottom"></div>
      </dic-col>
    </dic-row>
    <dic-row class="ne-col2-gutter-15" v-if="mode==2">
      <dic-col :span="12" class="line">
        <dic-row>
          <dic-col :span="24" class="line">
            <h4 class="ne-inen-title"><span>{{titleA}}</span></h4>
          </dic-col>
            <slot name="left">左侧</slot>
        </dic-row>
      </dic-col>
      <dic-col :span="12" class="line">
        <dic-row>
          <dic-col :span="24" class="line">
            <h4 class="ne-inen-title"><span>{{titleB}}</span></h4>
          </dic-col>
            <slot name="right">右侧</slot>
        </dic-row>
      </dic-col>
    </dic-row>
  </div>
</template>

<script>
export default {
  props:{
    mode:{
      type:Number,
      default:1
    },
    titleA:{
      type:String,
      default:'甲端'
    },
    titleB:{
      type:String,
      default:'乙端'
    }
  }
};
</script>

<style>
</style>